<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" th:href="@{/static/bootstrap.min.css}">
    <title>OpenLearning</title>
</head>
<body>

<div class="container">
    <div th:replace="all_module::navbar"></div>

    <div th:replace="all_module::WorkReciteNavlist('nav-link','nav-link','nav-link active','nav-link')"></div>

    <h3>Step2：复习生单词</h3>

    <div th:replace="all_module::progressBar"></div>

    <div th:replace="all_module::reciteTips"></div>

    <div class="row">
        <div class="col-12 col-lg-4 col-sm-6" th:each="rawWord : ${session.step1RawWordList}">
            <div th:replace="all_module::wordShowTemplate(2,${rawWord.wordId},
                ${rawWord.word},${rawWord.englishPronunciation},
                ${rawWord.americaPronunciation},${rawWord.meaning})"></div>
        </div>
    </div>

    <a class="btn btn-primary btn-block" th:href="@{/word/reciteWordStep3.do}" role="button">生单词背诵完毕</a>
    <br><br>

</div>


<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script th:src="@{/static/jquery.min.js}"> </script>
<script th:src="@{/static/bootstrap.bundle.min.js}"></script>
<script th:src="@{/static/vue2.js}"></script>
<script th:src="@{/static/word.control.js}"></script>
<script th:replace="all_module::wordReciteJs"></script>


</body>
</html>